<html>
<head>
	<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
	<!-- <link rel="stylesheet" type="text/css" href="/static/css/css.css" /> -->
	<title>{% block title %}{% endblock %}</title>
</head>
<body>
	<!--头部菜单-->
	<div class="menu"> 
	<ul>
		<li style="width:0px;"><a></a></li>
		<li class="active"><a href="/index" class="home">主页</a></li>
		<li><a href="/account/my_orders" class="wishlist">订单</a></li>
		<li><a href="/account" class="account">我的资料</a></li>
		<li><a href="/account/cart" class="cart">购物车</a></li>
		{% if username %}
		<li class="logout" style="float:right;"><a href="/logout" >退出</a></li>
		<li class="logout" style="float:right;">welcome, {{username}}</li>
		{% else %}
		<li style="float:right;"><a href="/login" class="login">登录</a></li>
		<li style="float:right;"><a href="/regist" class="register">注册</a></li>
		{% endif %}
		
	</ul>
	</div>

	<!--logo&&搜索栏-->
	<div class="search-field">
		<form class="search-form" method="post" action="/search_result/">
			<input class="search-button" type="submit" value="搜一下" >
			<input class="search-input" type="text" name="pro_name" placeholder="我想要……" height="800px" width="300px">
		</form>
		<div class="logo_img"><a href="default.htm"><img alt="Site Name" src="/static/images/logo.png"></a></div>
	</div>

	{% block content %} {% endblock %}

	<div class="icart-footer">

		<div class="icart-footer-container">
			<div class="column_footer" style="width:350px;">
				<h3>About Us</h3>
				<div class="footer_description">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante felis, aliquet sagittis lacus. Etiam in purus vitae tortor lacinia pretium. Maecenas quam diam, porttitor bibendum lacinia a, feugiat sit amet felis. Praesent ut mi justo, a volutpat ligula. Praesent sodales felis sed odio consectetur eget cursus metus mollis. Proin sollicitudin accumsan lectus a ornare...
				</div>
			</div>
	
			<div class="column_footer">
				<h3>Customer Service</h3>
				<ul>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Delivery Information</a></li>
					<li><a href="#">Privacy Policy</a></li>
					<li><a href="#">Terms &amp; Conditions</a></li>
					<li><a href="#">Contact Us</a></li>
					<li><a href="#">Returns</a></li>
					<li><a href="#">Site Map</a></li>
				</ul>
			</div>
	
			<div class="column_footer" style="width:150px;">
				<h3>Extras</h3>
				<ul>
					<li><a href="#">Brands</a></li>
					<li><a href="#">Gift Vouchers</a></li>
					<li><a href="#">Affiliates</a></li>
					<li><a href="#">Specials</a></li>
				</ul>
			</div>  
	
			<div class="column_footer" style="width:150px;">
				<h3>My Account</h3>
				<ul>
					<li><a href="#">My Account</a></li>
					<li><a href="#">Order History</a></li>
					<li><a href="#">Wish List</a></li>
					<li><a href="#">Newsletter</a></li>
				</ul>
			</div>
		     
			<div class="clearfix"></div>
		</div>      
	</div>
</body>
</html>